
<link rel="stylesheet" href="../addons/jy_weishop/resource/css/peerpay.css">
<div class="fui-page  fui-page-current">
    <div class="fui-header">
        <div class="fui-header-left">
            <a class="back" data-nocache="true"></a>
        </div>
        <div class="title">找人代付</div>
        <div class="fui-header-right"></div>
    </div>

    <div class="fui-content">
        <div class="fui-payfor-header">
                <span class="fui-payfor-header-user">
                    <i class="fui-payfor-user"><img ng-src="{{pagedata.member.avatar}}" alt=""></i>
                </span>
            <div class="fui-payfor-header-title">等待真爱路过...</div>
            <i class="fui-payfor-header-down"></i>
        </div>
        <div class="fui-payfor-speed">

            <div class="fui-list fui-payfor-speed-bot" style="padding:0.2rem 0;">
                <div class="fui-list-inner">已完成：<span class="price">{{pagedata.rate}}%</span></div>
                <div class="fui-list-inner" style="text-align: right;">还差：<span class="price">{{pagedata.need_money}}元</span></div>
            </div>

            <div class="fui-payfor-speed-top">
                <i class="fui-payfor-speed-top-inner" style="width:{{pagedata.rate}}%"></i>
            </div>
        </div>
        <div class="blank"></div>

        <div class="fui-list-group-title fui-payfor-group-title">来自{{pagedata.member.nickname}}的代付订单</div>
        <div class="fui-list fui-payfor-list">
            <div class="fui-list-media">
                <img ng-src="{{tomedia(pagedata.goods.image)}}" alt="{{pagedata.goods.title}}">
            </div>
            <div class="fui-list-inner fui-payfor-info">
                <span class="fui-payfor-info-title">{{pagedata.goods.title}}</span>
                <div class="fui-list" style="padding:0;">
                    <div class="fui-list-inner">
                       
                        <span class="fui-payfor-info-price">&yen;{{pagedata.peerpay.money}}</span>
                    </div>
                    <div class="fui-list-media">
                        <a href="javascript:;" ng-click="access_json('/goods.detail//id='+pagedata.goods.id)" class="btn btn-sm btn-default fui-payfor-btn">查看商品</a>
                    </div>
                </div>

            </div>
        </div>
<div ng-if="pagedata.peerpay.type==2">
        <div ng-repeat="log in pagedata.logs" class="peerpay-message-box">
            <div class="peerpay-message-from">
                <div class="peepay-message-headimg">
                    <img ng-src="{{tomedia(log.member.avatar)}}">
                </div>
                <div class="peepay-message-nickname">{{log.member.nickname}}帮他付了 <span style="color:red">¥{{log.money}}</span></div>
                <div class="peepay-message-floor">{{$index+1}}F</div>
                <div class="peepay-message-time">{{log.createtime}}</div>
            </div>
            <div class="peerpay-message-content">{{log.remark}}</div>
        </div>
        <div ng-if="pagedata.logs.length>0" style="float:left;height: 10px;width: 100%;background-color: #ededed;margin-top: -1px"></div>
        
</div>
        <div ng-if="pagedata.need_money>0" class="fui-text fui-cell-group" style="width: 100%;left: 0;background-color: #fff">
            <div  class="fui-cell">
                <div class="fui-cell-info">
                    <textarea rows="3" placeholder="给TA留言" maxlength="200" ng-model="pagedata.item.remark"></textarea>
                    <!--<div class="textarea_counter"><span>0</span>/200</div>-->
                </div>
            </div>
        </div>
		<div ng-if="pagedata.need_money>0" class="fui-text fui-cell-group"  style="width: 100%;left: 0;background-color: #fff">
            <div class="fui-cell">
                <div class="fui-cell-label">付款金额</div>
                <div class="fui-cell-info fui-payfor-input-price">&yen;&nbsp;
                    <input type="text" placeholder="" class="fui-input payfor-price-input" value="{$price}"ng-model="pagedata.item.money"  ng-readonly="pagedata.peerpay.type==1">
                </div>
            </div>
        </div>
        <a ng-if="pagedata.need_money>0" href="javascript:;" class="btn btn-danger paynow" style="display: block;" ng-click="pay_submit(pagedata.item,'post','main')">立即支付</a>
        <a href="javascript:;" ng-click="access_json('jy_weishop/index/')" class="btn btn-danger-o" style="display: block;">我也要去玩</a>
        <a class="btn btn-success-o" style="display: block;" onclick="$('.alert-mask').show()">找小伙伴帮TA付款</a>
    </div>
</div>
<div class="alert-mask" style="position: absolute;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;-moz-transition-duration: 400ms;-webkit-transition-duration: 400ms;transition-duration: 400ms;display: none" onclick="$('.alert-mask').hide()">
    <img src="../addons/jy_weishop/resource/images/peerpayshare.png" alt="" width="100%" >
    <div style='font-family: "Microsoft YaHei UI", "微软雅黑", "宋体";color: #fff;text-align: center;'>快去找人帮TA付款吧</div>
</div>

